﻿
.wrapper {
    background-color:#B5DEF8;
}
.wrapper .header {
   background-color:#fff;
   width:100%;
   height:190px;     
}
.wrapper .header {
    padding:16px 60px 10px 60px;    
}


.wrapper .header .header_title {
   border-bottom:1px solid #DBDBDB;     
}
.wrapper .header .img {
    width:9%;
    float:left;
}
.wrapper .header .title_wapper {
    width:80%;
    float:left;     
}
.wrapper .header .title_push {
    width:10%;
    float:right;
}

.wrapper .header .header_title .title_wapper .title {
   width:100%;
   height:40px;    
   font-size:28px; 
   padding-left:px;
}
.wrapper .header .header_title .title_wapper span {
   width:20%;
   display:inline-block;
   float:left;    
   font-size:14px;   
   color:#340606;
   margin-left:0px;
}
.wrapper .header .header_title .title_wapper .uname{
   color:#D2A85C;     
}

.title_wapper_info {
    height:60px;
}
.title_wapper_info ol {
    list-style:none;
}
.title_wapper_info ol li {
    display:inline-block;
    padding:20px;
    width:24%;
    color:#340606;
}

.title_wapper_info ol li img {
    display:block;
    float:left;
    margin-top:7px;
}
.title_wapper_info ol li span {
    display:block;  
    margin-left:5px;  
    color:#340606;
}
.body {
    margin-top:40px;
}
.left {
    width:73%;
    float:left;
    background-color:#fff;
    padding:20px;
}

.right {
    background-color:#fff;
    width:24%;
    float:right;
    padding:10px;
}
.right .else {
    height:200px;
    padding:5px;    
    margin-top:20px;
    margin-bottom:20px;
}
.right .else a {
    text-decoration:none;
    color:#340606;       
}
.right .else img {
    height:130px;
    width:250px    
}

.right .else .title {
   margin-top:10px;
   font-size:18px;     
}

.right .else .title .user {
   margin-top:10px;
   font-size:14px;       
}